<!--
 * @Author: Zhijie Luo
 * @LastEditors: Zhijie Luo
 * @Date: 2022-02-20 15:28:41
 * @LastEditTime: 2022-02-20 16:09:59
 * @Description: 
-->
<template>
  <!-- <van-tabbar route v-model="active">
    <van-tabbar-item replace to="/home" icon="home-o">home</van-tabbar-item>
    <van-tabbar-item replace to="/login" icon="search">login</van-tabbar-item>
  </van-tabbar> -->
  <van-tabbar route>
    <van-tabbar-item replace to="/home" icon="home-o">标签</van-tabbar-item>
    <van-tabbar-item replace to="/login" icon="search">标签</van-tabbar-item>
  </van-tabbar>
</template>

<script>
import Vue from "vue";
import { Tabbar, TabbarItem, Notify } from "vant";

Vue.use(Tabbar);
Vue.use(TabbarItem);
export default {
  data() {
    return {
      active: 0
    };
  },
  methods: {
    onChange(index) {
      Notify({ type: "primary", message: index });
    }
  }
};
</script>

<style></style>
